<!-- <!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		
		<link rel="stylesheet" type="text/css" href="../css/index%20(1).css" />
		<script src="../js/vue.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vant.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script> -->
		<!--<script src="html5plus://ready"></script>-->
		<!-- <title></title>
		<style type="text/css">
		body{
			background-color: gainsboro;
			
		}
			#img>img {
				width: 70px;
				height: 70px;
				margin-top: 20px;
				margin-left: 10px;
				border-radius: 35px;
			}
			
			#span_right {
				margin-left: 20px;
			}
			
			#login {
				margin-top: 50px;
			}
			
			#one {
				background-color: red;
			}
			
			#two{
				background-color: white;
				margin-bottom: 15px;
				height: 70px;
				padding-top: 5px;
				
			}
			#icon{
				text-align: center;
			}
			#icon-icon{
				font-size: 35px;
			}
			#icom-txt{
				font-size: 18px;
			}
			#span{
				
				position: absolute;
				font-size: 20px;
				color: white;
				margin-left: -10px;
				width: 20px;
				height: 20px;
				border-radius: 10px;
				background-color: red;
				}
				#spans{
					
					position: absolute;
					font-size: 20px;
					color: white;
					margin-left: -10px;
					width: 20px;
					height: 20px;
					border-radius: 10px;
					background-color: red;
					}
			
		</style>
	</head>

	<body>
		<div id="app">
			<van-row id="one">
				<van-col span="24">
					<van-col span="4">
						<span id="img">
				 			<img src="../img/user.PNG"/>
					    </span>
					</van-col>
					<van-col span="6" id="login">
						<span id="span_right">
				 	  <a href="#" >{{a}}</a>
				    </span>
					</van-col>

				</van-col>
			</van-row>
			<van-row id="two">
				<van-col span="6" id="icon" onclick="onClickLeft1()" >
					
					<van-icon name="pending-payment"  id="icon-icon"/><span id="span">{{info}}</span>
					<div id="icom-txt">
						待付款
					</div>					 
				</van-col>
				<van-col span="6" id="icon" onclick="onClickLeft2()">
					<van-icon name="records" id="icon-icon"/>
					<div id="icom-txt">
						待收货
					</div>					 
				</van-col>
				<van-col span="6" id="icon" onclick="onClickLeft3()">
					<van-icon name="tosend" id="icon-icon"/>
					<div id="icom-txt">
						待评论
					</div>					 
				</van-col>
				<van-col span="6" id="icon" onclick="onClickLeft4()">
					<van-icon name="logistics" id="icon-icon"/><span id="spans">{{info}}</span>
					<div id="icom-txt">
						我的订单
					</div>					 
				</van-col>
			</van-row>
			<van-row id="three">
				<van-col span="24" >
					<van-cell title="个人资料" icon="manager-o" size="large" is-link url="..//views/user-views/userinfo.html" />
				</van-col>
				<van-col span="24" >
					<van-cell title="收货地址" icon="location-o" size="large" is-link url="..//views/user-views/address.html" />
				</van-col>
				<van-col span="24" >
					<van-cell title="我的收藏" icon="like-o" size="large" is-link url="..//views/user-views/myorder-null.html" />
				</van-col>
				<van-col span="24" style="margin-top: 15px;">
					<van-cell title="设置" icon="setting-o" size="large" is-link url="..//views/user-views/set.html" />
				</van-col>
			</van-row>
			
		</div>
		<script type="text/javascript">
		var a=localStorage.getItem("name");
		var info=localStorage.getItem("info");
		var span =document.getElementById("span");
		var spans =document.getElementById("spans");
		if(info==0){
			
			span.style.display="none";
			spans.style.display="none";
			
		}
			console.log(a);
			var app = new Vue({
				el: "#app",
				data: {

				},
				methods:{
					onClickLeft:function(){
						window.location.href="..//views/user-views/users.html";
					}
				}
			});
		</script>
		<script type="text/javascript">
			function onClickLeft1(){
				window.location.href="..//views/user-views/dlpay.html"
			}
			function onClickLeft2(){
				window.location.href="..//views/user-views/mycollect-null.html"
			}
			function onClickLeft3(){
				window.location.href="..//views/user-views/mycollect-null-pl.html"
			}
			function onClickLeft4(){
				window.location.href="..//views/user-views/mycollect.html"
			}
		</script>
	</body>

</html> -->